<template lang="html">
  <div class="h5_account">
    <div class="account_item" v-if="item_type === '2'">
      <div class="account_item_box">
        <span class="item_name" v-if='item.user_nickname'>{{item.user_nickname}}购买了</span>
        <p class="prd_name">{{item.item_name}}</p>
        <div class="item_no">
          <span>{{item.create_at}}</span>
          <span class="amount_type">{{item.commission_type}}</span>
        </div>
        <div class="item_amount">
          <div class="money">￥{{item.amount}}</div>
          <div :class="'money_status' + item.status === 1 ? '' : 'no' ">{{item.status === 1 ? '已到账' : '未到账'}}</div>
        </div>
      </div>
    </div>
    <!-- 培训收益 -->
    <div class="account_item_train" v-if="item_type === '1'">
      <div class="train_box">
        <img v-bind:src="item.user_avatar" class="user_image" />
        <div class="train_info">
          <div class="item_title">
            <span class="title_name">{{item.user_nickname}}</span>
            <span>【{{item.train_type}}】</span>
          </div>
          <div class="train_time">{{item.create_at}}</div>
        </div>
        <div class="item_amount">
          <div class="money">+{{item.amount}}</div>
          <div class="money_status no">返利</div>
        </div>
      </div>
    </div>
    <div class="account_item_train" v-if="item_type === '3'">
      <div class="train_box">
        <img v-bind:src="item.user_avatar" class="user_image"/>
        <div class="train_info">
          <div class="item_title">
            <span class="title_name">{{item.user_nickname}}</span>
            <span>【{{item.gains_type}}】</span>
          </div>
          <div class="train_time">{{item.create_at}}</div>
        </div>
        <div class="item_amount">
          <div class="money">+{{item.amount}}</div>
          <div class="money_status no">返利</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  props: ['item', 'item_type'],
  data () {
    return {

    }
  },
  created () {
  },
  methods: {

  }
}
</script>

<style lang="css" scoped>
</style>
